<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:t="http://myfaces.apache.org/tomahawk">
<body>
	<f:view>
		<ui:composition template="WEB-INF/layout/templatePage.xhtml">

			<ui:define name="title">
				<h:outputText>Одабрана понуда</h:outputText>
			</ui:define>

			<ui:define name="content">
				<h:outputText>Детаљи понуде</h:outputText>
				<h:panelGrid columns="2">
					<h:outputText>Назив понуде:</h:outputText>
					<h:outputText value="#{userBean.displayingOffers.selectedOffer.title}"/>
					<h:outputText>Слика</h:outputText>
					<h:graphicImage url="#{userBean.displayingOffers.selectedOffer.offerId}.jpg" />
					<h:outputText>Опис:</h:outputText>
					<h:outputText value="#{userBean.displayingOffers.selectedOffer.description}" rows="5"/>
					<h:outputText>Датум почетка:</h:outputText>
					<t:inputCalendar renderAsPopup="true" value="#{userBean.displayingOffers.selectedOffer.offerStartDate}" />
					<h:outputText>Датум завршетка:</h:outputText>
					<t:inputCalendar renderAsPopup="true" value="#{userBean.displayingOffers.selectedOffer.offerEndDate}"/>
					<h:outputText>Цена:</h:outputText>
					<h:inputText value="#{userBean.displayingOffers.selectedOffer.price}"/>
					<h:outputText>Преостала количина:</h:outputText>
					<h:outputText value="#{userBean.displayingOffers.selectedOffer.amountLeft}"/>
					<h:outputText>Подкатегорија:</h:outputText>
					<h:outputText value="#{userBean.displayingOffers.selectedOffer.subcategory}"/>
					<h:outputText>Да ли је догађај</h:outputText>
					<h:selectBooleanCheckbox value="#{userBean.displayingOffers.selectedOffer.event}"/>
					<h:outputText>Да ли је на акцији</h:outputText>
					<h:selectBooleanCheckbox value="#{userBean.displayingOffers.selectedOffer.discount}"/>
				</h:panelGrid>
				<h:panelGrid rendered="#{userBean.displayingOffers.selectedOffer.event}" columns="2">
					<h:outputText>Место одржавања:</h:outputText>
					<h:outputText value="#{userBean.displayingOffers.selectedOffer.eventPlace}"/>
					<h:outputText>Датум одржавања догађаја:</h:outputText>
					<t:inputCalendar value="#{userBean.displayingOffers.selectedOffer.eventStartDate}" renderAsPopup="true"/>
					<h:outputText>Време почетка:</h:outputText>
					<h:outputText value="#{userBean.displayingOffers.selectedOffer.eventStartTime}"/>
					<h:outputText>Време завршетка:</h:outputText>
					<h:outputText value="#{userBean.displayingOffers.selectedOffer.eventEndTime}"/>
				</h:panelGrid>	
				<h:panelGrid columns="2" rendered="#{userBean.displayingOffers.selectedOffer.discount}">
					<h:outputText>Попуст траје до:</h:outputText>
					<t:inputCalendar value="#{userBean.displayingOffers.selectedOffer.discountEnds}" renderAsPopup="true"/>
					<h:outputText>Цена са попустом:</h:outputText>
					<h:outputText value="#{userBean.displayingOffers.selectedOffer.discountPrice}"/>
				</h:panelGrid>
					
				<h:commandButton value="Резервиши ову понуду" action="#{userBean.displayingOffers.goToReservation}">
					<f:setPropertyActionListener target="#{userBean.displayingOffers.currentlySelectedOffer}" value="#{userBean.displayingOffers.selectedOffer.offerId}"/>
				</h:commandButton>
			</ui:define>
		</ui:composition>
	</f:view>
</body>
</html>